home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 1843 / 1843.xpi / skin / classic / debugger.css < prev    next >
Cascading Style Sheet File  |  2010-01-06  |  8KB  |  339 lines
  1. /* See license.txt for terms of usage */
  2.  
  3. .panelNode-script {
  4.     overflow: hidden;
  5.     font-family: Monaco, monospace;
  6. }
  7.  
  8. /************************************************************************************************/
  9.  
  10. .scriptTooltip {
  11.     position: fixed;
  12.     z-index: 2147483647;
  13.     padding: 2px 3px;
  14.     border: 1px solid #CBE087;
  15.     background: LightYellow;
  16.     font-family: Monaco, monospace;
  17.     color: #000000;
  18. }
  19.  
  20. /************************************************************************************************/
  21.  
  22. .sourceBox {
  23.     overflow: scroll; /* see issue 1479 */
  24.     position: absolute;
  25.     left: 0;
  26.     top: 0;
  27.     width: 100%;
  28.     height: 100%;
  29. }
  30.  
  31. .sourceRow {
  32.     white-space: nowrap;
  33.     -moz-user-select: text;
  34. }
  35.  
  36. .sourceRow.hovered {
  37.     background-color: #EEEEEE;
  38. }
  39.  
  40. /************************************************************************************************/
  41.  
  42. .sourceLine {
  43.     -moz-user-select: none;
  44.     margin-right: 10px;
  45.     border-bottom: 1px solid #EEEEEE;
  46.     border-right: 1px solid #CCCCCC;
  47.     padding: 0px 4px 0 20px;
  48.     background: #EEEEEE no-repeat 2px 0px;
  49.     color: #888888;
  50.     white-space: pre;
  51. }
  52.  
  53. .noteInToolTip { /* below sourceLine, so it overrides it */
  54.     background-color: #FFD472;
  55. }
  56.  
  57. .useA11y .sourceBox .sourceViewport:focus .sourceLine {
  58.     background-color: #FFFFC0;
  59.     color: navy;
  60.     border-right: 1px solid black;
  61. }
  62.  
  63. .useA11y .sourceBox .sourceViewport:focus {
  64.     outline: none;
  65. }
  66.  
  67. .a11y1emSize {
  68.     width: 1em;
  69.     height: 1em;
  70.     position: absolute;
  71. }
  72.  
  73. .useA11y .panelStatusLabel:focus {
  74.     outline-offset: -2px !important;
  75.  }
  76.  
  77. .sourceBox > .sourceRow > .sourceLine {
  78.     cursor: pointer;
  79. }
  80.  
  81. .sourceLine:hover {
  82.     text-decoration: none;
  83. }
  84.  
  85. .sourceRowText {
  86.     white-space: pre;
  87. }
  88.  
  89. .sourceRow[exe_line="true"] {
  90.     outline: 1px solid #D9D9B6;
  91.     margin-right: 1px;
  92.     background-color: lightgoldenrodyellow;
  93. }
  94.  
  95. .sourceRow[executable="true"] > .sourceLine {
  96.     content: "-";
  97.     color: #4AA02C;  /* Spring Green */
  98.     font-weight: bold;
  99. }
  100.  
  101. .sourceRow[exe_line="true"] > .sourceLine {
  102.     background-image: url(chrome://firebug/skin/exe.png);
  103.     color: #000000;
  104. }
  105.  
  106. .sourceRow[breakpoint="true"] > .sourceLine {
  107.     background-image: url(chrome://firebug/skin/breakpoint.png);
  108. }
  109.  
  110. .sourceRow[breakpoint="true"][condition="true"] > .sourceLine {
  111.     background-image: url(chrome://firebug/skin/breakpointCondition.png);
  112. }
  113.  
  114. .sourceRow[breakpoint="true"][disabledBreakpoint="true"] > .sourceLine {
  115.     background-image: url(chrome://firebug/skin/breakpointDisabled.png);
  116. }
  117.  
  118. .sourceRow[breakpoint="true"][exe_line="true"] > .sourceLine {
  119.     background-image: url(chrome://firebug/skin/breakpointExe.png);
  120. }
  121.  
  122. .sourceRow[breakpoint="true"][exe_line="true"][disabledBreakpoint="true"] > .sourceLine {
  123.     background-image: url(chrome://firebug/skin/breakpointDisabledExe.png);
  124. }
  125.  
  126. .sourceLine.editing {
  127.     background-image: url(chrome://firebug/skin/breakpoint.png);
  128. }
  129.  
  130. /************************************************************************************************/
  131.  
  132. .conditionEditor {
  133.     z-index: 2147483647;
  134.     position: absolute;
  135.     margin-top: 0;
  136.     left: 2px;
  137.     width: 90%;
  138. }
  139.  
  140. .conditionEditorInner {
  141.     position: relative;
  142.     top: -26px;
  143.     height: 0;
  144. }
  145.  
  146. .conditionCaption {
  147.     margin-bottom: 2px;
  148.     font-family: Lucida Grande, sans-serif;
  149.     font-weight: bold;
  150.     font-size: 11px;
  151.     color: #226679;
  152. }
  153.  
  154. .conditionInput {
  155.     width: 100%;
  156.     border: 1px solid #0096C0;
  157.     font-family: Monaco, monospace;
  158.     font-size: inherit;
  159. }
  160.  
  161. .conditionEditorInner1 {
  162.     padding-left: 37px;
  163.     background: url(condBorders.png) repeat-y;
  164. }
  165.  
  166. .conditionEditorInner2 {
  167.     padding-right: 25px;
  168.     background: url(condBorders.png) repeat-y 100% 0;
  169. }
  170.  
  171. .conditionEditorTop1 {
  172.     background: url(condCorners.png) no-repeat 100% 0;
  173.     margin-left: 37px;
  174.     height: 35px;
  175. }
  176.  
  177. .conditionEditorTop2 {
  178.     position: relative;
  179.     left: -37px;
  180.     width: 37px;
  181.     height: 35px;
  182.     background: url(condCorners.png) no-repeat;
  183. }
  184.  
  185. .conditionEditorBottom1 {
  186.     background: url(condCorners.png) no-repeat 100% 100%;
  187.     margin-left: 37px;
  188.     height: 33px;
  189. }
  190.  
  191. .conditionEditorBottom2 {
  192.     position: relative;    left: -37px;
  193.     width: 37px;
  194.     height: 33px;
  195.     background: url(condCorners.png) no-repeat 0 100%;
  196. }
  197.  
  198. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  199.  
  200. .upsideDown {
  201.     margin-top: 2px;
  202. }
  203.  
  204. .upsideDown .conditionEditorInner {
  205.     top: -8px;
  206. }
  207.  
  208. .upsideDown .conditionEditorInner1 {
  209.     padding-left: 33px;
  210.     background: url(condBordersUps.png) repeat-y;
  211. }
  212.  
  213. .upsideDown .conditionEditorInner2 {
  214.     padding-right: 25px;
  215.     background: url(condBordersUps.png) repeat-y 100% 0;
  216. }
  217.  
  218. .upsideDown .conditionEditorTop1 {
  219.     background: url(condCornersUps.png) no-repeat 100% 0;
  220.     margin-left: 33px;
  221.     height: 25px;
  222. }
  223.  
  224. .upsideDown .conditionEditorTop2 {
  225.     position: relative;
  226.     left: -33px;
  227.     width: 33px;
  228.     height: 25px;
  229.     background: url(condCornersUps.png) no-repeat;
  230. }
  231.  
  232. .upsideDown .conditionEditorBottom1 {
  233.     background: url(condCornersUps.png) no-repeat 100% 100%;
  234.     margin-left: 33px;
  235.     height: 43px;
  236. }
  237.  
  238. .upsideDown .conditionEditorBottom2 {
  239.     position: relative;
  240.     left: -33px;
  241.     width: 33px;
  242.     height: 43px;
  243.     background: url(condCornersUps.png) no-repeat 0 100%;
  244. }
  245.  
  246. /************************************************************************************************/
  247.  
  248. .breakpointBlockHead {
  249.     position: relative;
  250.     padding-top: 4px;
  251. }
  252.  
  253. .breakpointBlockHead > .checkbox {
  254.     margin-right: 4px;
  255. }
  256.  
  257. .breakpointBlockHead > .objectLink-sourceLink {
  258.     top: 4px;
  259.     right: 20px;
  260. }
  261.  
  262. .breakpointBlockHead > .closeButton {
  263.     position: absolute;
  264.     top: 2px;
  265.     right: 2px;
  266. }
  267.  
  268. .breakpointCheckbox {
  269.     margin-top: 0;
  270.     vertical-align: top;
  271. }
  272.  
  273. .breakpointName {
  274.     margin-left: 4px;
  275.     font-weight: bold;
  276. }
  277.  
  278. .breakpointCode {
  279.     overflow: hidden;
  280.     white-space: nowrap;
  281.     padding-left: 24px;
  282.     padding-bottom: 2px;
  283.     border-bottom: 1px solid #D7D7D7;
  284.     font-family: Monaco, monospace;
  285.     color: DarkGreen;
  286. }
  287.  
  288. .breakpointCondition {
  289.     white-space: nowrap;
  290.     padding-left: 24px;
  291.     padding-bottom: 2px;
  292.     border-bottom: 1px solid #D7D7D7;
  293.     font-family: Monaco, monospace;
  294.     color: Gray;
  295. }
  296.  
  297. .breakpointBlock-breakpoints > .groupHeader {
  298.     display: none;
  299. }
  300.  
  301. .breakpointBlock-monitors > .breakpointCode {
  302.     padding: 0;
  303. }
  304.  
  305. .breakpointBlock-errorBreakpoints .breakpointCheckbox,
  306. .breakpointBlock-monitors .breakpointCheckbox {
  307.     display: none;
  308. }
  309.  
  310. .breakpointHeader {
  311.     margin: 0 !important;
  312.     border-top: none !important;
  313. }
  314.  
  315.  
  316. /* ************************************************************************** */
  317. .panelNode-callstack  .objectLink-sourceLink {
  318.     display: none;
  319. }
  320.  
  321. .panelNode-callstack {
  322.     margin-left: 4px;
  323.     overflow: auto;
  324. }
  325. /* This objectLink-stackFrame should be consistent with panelStatusLabel so the call stack looks the same in toolbar and panel */
  326. .objectLink-stackFrame {
  327.     cursor: pointer;
  328.     margin: 0;
  329.     padding: 0 4px;
  330. }
  331.  
  332. .objectLink-stackFrame:hover {
  333.     color: blue;
  334. }
  335.  
  336. .objectLink-stackFrame[selected="true"] {
  337.     font-weight: bold;
  338. }
  339.